.page {
  height: 100%;
  display: flex;
  padding: var(--z-page-padding);
  position: relative;
  flex-direction: column;
  &:has(.pagination) {
    padding-bottom: 0;
  }
}

.pagination {
  color: #000;
}

.top-list {
  padding: 0 12px;
  overflow: auto;
  max-height: 300px;
  &-trigger {
    top: -48px;
    right: 12px;
    position: absolute;
    font-size: 20px;
  }
}

.table {
  flex: 1 1 0;
  overflow: hidden;
}

:global {
  :local(.table) {
    .sort-caret {
      &.ascending {
        top: -4px;
      }
    }
  }
  :local() {
    .el-popover {
      &.meter-table-top-list {
        width: 120px !important;
        padding: 12px 0;
      }
    }
  }
}
